<table style="margin-top: 10px; margin-left: 10px; " >
    <tr>
        <td style="padding-top: 3px;">
            <div class="dropdown" style="float: left; margin-right: 4px;margin-left: 3px;">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropdown_setting">
                    <img src="<?= base_url() ?>assets/gambar/setting.png" height="25"/>
                </a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdown_setting">
                    <li role="presentation">
                        <a role="menuitem" href="<?= base_url() ?>login/logout">Logout</a>
                    </li>
                </ul>
            </div>
            <div style="float: left;margin-right: 5px;">
                <a href="">
                    <img src="<?= base_url() ?>assets/gambar/kalender.png" height="25"/>
                </a>
            </div>
            <div style="float: left;margin-right: 2px; padding-top: 2px">
                <a href="">
                    <img src="<?= base_url() ?>assets/gambar/notif.png" height="22" style=""/>
                </a>             
            </div>
        </td> 
    </tr>
</table>